<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>404 - 智慧排课系统</title>
    <!-- icon -->
    <link rel="shortcut icon" th:href="@{../static/picture/favicon.ico}" />
    <!-- BEGIN:CSS Assets-->
    <link rel="stylesheet" th:href="@{../static/css/app.css}" />
    <!-- END:CSS Assets-->
</head>
<!-- END:Head -->
<body class="app">
<div class="container">
    <!-- BEGIN:Error Page -->
    <div class="error-page flex flex-col lg:flex-row items-center justify-center h-screen text-center lg:text-left">
        <div class="-intro-x lg:mr-20">
            <img alt="Midone Tailwind HTML Admin Template" class="h-48 lg:h-auto" src="../static/picture/error-illustration.svg" />
        </div>
        <div class="text-white mt-10 lg:mt-0">
            <div class="intro-x text-6xl font-medium">
                404
            </div>
            <div class="intro-x text-xl lg:text-3xl font-medium">
                哎呀~该页面丢失啦。
            </div>
            <div class="intro-x text-lg mt-3">
                宝贝呀~您可能输入了错误的地址或页面可能已移动。
            </div>
            <button class="intro-x button button--lg border border-white mt-10">
                <a href="index.html">返回首页</a>
            </button>
        </div>
    </div>
    <!-- END:Error Page -->
</div>
<!-- BEGIN:JS Assets-->
<script th:src="@{../static/js/js.js}"></script>
<script th:src="@{../static/js/app.js}"></script>
<!-- END:JS Assets-->
</body>
</html>